<template>
	<view>
		<view class="business">
			<view class="business-line"></view>
			<view class="business-title">
				<text> 推荐场馆 </text>
			</view>
		</view>
		<view class="teacher">
			<view class="teacher-item" v-for="(item, index) in reCommendlist" :key="index">
				<view v-if="index < 2" class="teacher-something" @click="openTeacher">
					<view class="teacher-item-left">
						<image style="width: 60rpx;height: 60rpx;border-radius: 50%;" :src="item.cover" mode=""></image>
					</view>
					<view class="teacher-item-right">
						<view class="teacher-info">
							<view class="teacher-name">{{item.name}}</view>
						</view>
						<u-rate :value="values" size="10" :touchable="false" :disabled="true"></u-rate>
					</view>
				</view>
				<navigator url="/pages/index/coach/coach" v-if="index == 2" class="teacher-more">
					<u--image :src="gengduo_img" width="31rpx" height="31rpx" :showMenuByLongpress="false"></u--image>
					<text>更多</text>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	import uniRate from "@/uni_modules/uni-rate/components/uni-rate/uni-rate.vue";
	export default {
		components: {
			uniRate,
		},
		data() {
			return {
				gengduo_img: this.$https.assetsPath + "image29.png",
			}
		},
		props: {
			reCommendlist: {
				type: Array,
				default: () => ({})
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	@import url("@/static/css/index/index.css");
</style>